<template>
  <div id="app">
  <p>原来的样子{{msg}}</p>
    <p>使用翻转过滤器{{msg | reverse}}</p>
    <p :title="msg|toUp">鼠标长停</p>
    <p>使用翻转过滤器{{msg | reversse('|')}}</p>
    <p>使用翻转过滤器{{msg | toUp|reversse('|')}}</p>
  </div>
</template>

<script>
//过滤器只能用在差值表达式和动态属性里

export default {
  methods: {

  },
  data() {
    return {
      msg:'wqedasf'
    };
  },
  //局部过滤器
  filters:{
    toUp(val){
      return val.toUpperCase()
    },
    reversse(val,s){
      return val.split("").reverse().join(s)
    }
  }

};
</script>

<style >
.red{
  color: red;
}
</style>